<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/jiang_index.css">
    <title>小米商城首页</title>
</head>
<body>
    <div class="container">
        <div class="nav">
            <!-- 左侧导航栏 -->
            <div class="nav_list">
                <ul class="nav_list_left">
                    <li class="list_phone"><a href="#">手机 电话卡</a></li>
                    <li class="list_phone"><a href="#">手机 电话卡</a></li>
                    <li class="list_phone"><a href="#">手机 电话卡</a></li>
                    <li class="list_phone"><a href="#">手机 电话卡</a></li>
                    <li class="list_phone"><a href="#">手机 电话卡</a></li>
                    <li class="list_phone"><a href="#">手机 电话卡</a></li>
                    <li class="list_phone"><a href="#">手机 电话卡</a></li>
                    <li class="list_phone"><a href="#">手机 电话卡</a></li>
                    <li class="list_phone"><a href="#">手机 电话卡</a></li>
                    <li class="list_phone"><a href="#">手机 电话卡</a></li>
                </ul>
                <!-- 隐藏导航栏              -->
                <div class="nav_list_extend" style="display: none;">
                    <ul>
                        <li><a href="#"><img src="images/jiang_img/6AAAA.png" alt=""><span>小米8</span></a></li>
                        <li><a href="#"><img src="images/jiang_img/6AAAA.png" alt=""><span>小米8</span></a></li>
                        <li><a href="#"><img src="images/jiang_img/6AAAA.png" alt=""><span>小米8</span></a></li>
                        <li><a href="#"><img src="images/jiang_img/6AAAA.png" alt=""><span>小米8</span></a></li>
                        <li><a href="#"><img src="images/jiang_img/6AAAA.png" alt=""><span>小米8</span></a></li>
                        <li><a href="#"><img src="images/jiang_img/6AAAA.png" alt=""><span>小米8</span></a></li>
                    </ul>
                </div>
            </div>
            <!-- 轮播图 -->
            <div class="nav_banner">
                <ul class="nav_banner_pic">
                    <li class="fl"><a href="#"><img src="images/jiang_img/xmad_15338857534213_DaEjU.jpg" alt=""></a></li>
                    <li class="fl"><a href="#"><img src="images/jiang_img/xmad_15248221330196_tvCXl.jpg" alt=""></a></li>
                    <li class="fl"><a href="#"><img src="images/jiang_img/xmad_15338647997541_BeNrA.jpg" alt=""></a></li>
                    <li class="fl"><a href="#"><img src="images/jiang_img/xmad_15347308154073_jqOnp.jpg" alt=""></a></li>
                    <li class="fl"><a href="#"><img src="images/jiang_img/xmad_15338982677936_eQTJk.jpg" alt=""></a></li>
                </ul>
                <ul class="nav_banner_list" >
                    <li class="fl"><a href="#"></a></li>
                    <li class="fl"><a href="#"></a></li>
                    <li class="fl"><a href="#"></a></li>
                    <li class="fl"><a href="#"></a></li>
                    <li class="fl"><a href="#"></a></li>
                </ul>
            </div>
        </div>
        <div class="banner">
            <div class="banner_left">
                <ul>
                    <li class="top_left"><a href="#"><span></span>选购手机</a></li>
                    <li class="top_mid"><a href="#"><span></span>企业团购</a></li>
                    <li class="top_right"><a href="#"><span></span>F码通道</a></li>
                    <li class="bottom_left"><a href="#"><span></span>不限量卡</a></li>
                    <li class="bottom_mid"><a href="#"><span></span>以旧换新</a></li>
                    <li class="bottom_right"><a href="#"><span></span>话费充值</a></li>
                </ul>
            </div>
            <div class="banner_pic">
                <a href="#"><img src="images/jiang_img/xmad_15345015110382_eESHC.jpg" alt=""></a>
                <a href="#"><img src="images/jiang_img/xmad_15345015110382_eESHC.jpg" alt=""></a>
                <a href="#"><img src="images/jiang_img/xmad_15345015110382_eESHC.jpg" alt=""></a>
            </div>
        </div>
        <div class="mi_go">
            <div class="mi_go_title">
                <p class="fl">小米闪购</p>
                <div class="mi_go_btn fr">
                    <a href="#" class="btn_left">+</a>
                    <a href="#" class="btn_right">-</a>
                </div>
            </div>
            <div class="mi_go_box">
                <div class="mi_go_count fl">
                    <span class="mi_go_overtime">18:00场</span>
                    <img src="images/jiang_img/flashpurchase.png" alt="">
                    <span class="mi_go_text">暂无闪购活动</span>
                    <div class="mi_go_time">
                        <div class="m_num">00</div>
                        <div class="m_point">:</div>
                        <div class="m_num">04</div>
                        <div class="m_point">:</div>
                        <div class="m_num">01</div>
                    </div>
                </div>
                <div class="mi_go_product fr">
                    <ul>
                        <li class="m_list ">
                            <a href="#">
                                <span class="m_list_hot">5折秒杀</span>
                                <img src="images/jiang_img/pms_1524636115.71585919.jpg" alt="">
                                <span class="m_title">小米笔记本Air 13 四核i5 8G 256G 银色</span>
                                <span class="m_details">轻薄全金属机身，256GB SSD</span>
                                <p class="m_price">
                                    <span>2499  元</span>
                                    <span>4999元</span>
                                </p>
                            </a>
                        </li>
                        <li class="m_list ">
                            <a href="#">
                                <span class="m_list_hot">5折秒杀</span>
                                <img src="images/jiang_img/pms_1524636115.71585919.jpg" alt="">
                                <span class="m_title">小米笔记本Air 13 四核i5 8G 256G 银色</span>
                                <span class="m_details">轻薄全金属机身，256GB SSD</span>
                                <p class="m_price">
                                    <span>2499  元</span>
                                    <span>4999元</span>
                                </p>
                            </a>
                        </li>
                        <li class="m_list ">
                            <a href="#">
                                <span class="m_list_hot">5折秒杀</span>
                                <img src="images/jiang_img/pms_1524636115.71585919.jpg" alt="">
                                <span class="m_title">小米笔记本Air 13 四核i5 8G 256G 银色</span>
                                <span class="m_details">轻薄全金属机身，256GB SSD</span>
                                <p class="m_price">
                                    <span>2499  元</span>
                                    <span>4999元</span>
                                </p>
                            </a>
                        </li>
                        <li class="m_list ">
                            <a href="#">
                                <span class="m_list_hot">5折秒杀</span>
                                <img src="images/jiang_img/pms_1524636115.71585919.jpg" alt="">
                                <span class="m_title">小米笔记本Air 13 四核i5 8G 256G 银色</span>
                                <span class="m_details">轻薄全金属机身，256GB SSD</span>
                                <p class="m_price">
                                    <span>2499  元</span>
                                    <span>4999元</span>
                                </p>
                            </a>
                        </li>
                        <li class="m_list ">
                            <a href="#">
                                <span class="m_list_hot">5折秒杀</span>
                                <img src="images/jiang_img/pms_1524636115.71585919.jpg" alt="">
                                <span class="m_title">小米笔记本Air 13 四核i5 8G 256G 银色</span>
                                <span class="m_details">轻薄全金属机身，256GB SSD</span>
                                <p class="m_price">
                                    <span>2499  元</span>
                                    <span>4999元</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="mi_go_bottom">
                   <a href="#">
                    <img src="images/jiang_img/xmad_15330553483386_ijOoY.jpg" alt="">
                   </a>
                </div>
            </div>
        </div>
        <div class="mi_phone">
            <p class="phone_title">手机</p>
            <div class="right_list fr">
                <ul>
                    <li>热门</li>
                    <li>电视影音</li>
                    <li>电脑</li>
                    <li>家居</li>
                </ul>
            </div>
            <div class="phone_product">
                <ul class="phone_left">
                    <li>
                        <a href="#"><img src="images/jiang_img/xmad_15323220713837_GLBVX.jpg" alt=""></a>
                    </li>
                </ul>
                <div class="phone_right">
                    <ul>
                        <li class="right_list">
                            <a href="#">
                                <span class="m_list_hot">5折秒杀</span>
                                <img src="images/jiang_img/pms_1522034061.12391230!220x220.jpg" alt="">
                                <p class="l_title">红米A6</p>
                                <span class="m_title">小米笔记本Air 13 四核i5 8G 256G 银色</span>
                                <span class="m_details">轻薄全金属机身，256GB SSD</span>
                                <p class="m_price">
                                    <span>2499  元</span>
                                    <span>4999元</span>
                                </p>
                            </a>
                        </li>
                        <li class="right_list">
                            <a href="#">
                                <span class="m_list_hot">5折秒杀</span>
                                <img src="images/jiang_img/pms_1522034061.12391230!220x220.jpg" alt="">
                                <p class="l_title">红米A6</p>
                                <span class="m_title">小米笔记本Air 13 四核i5 8G 256G 银色</span>
                                <span class="m_details">轻薄全金属机身，256GB SSD</span>
                                <p class="m_price">
                                    <span>2499  元</span>
                                    <span>4999元</span>
                                </p>
                            </a>
                        </li>
                        <li class="right_list">
                            <a href="#">
                                <span class="m_list_hot">5折秒杀</span>
                                <img src="images/jiang_img/pms_1522034061.12391230!220x220.jpg" alt="">
                                <p class="l_title">红米A6</p>
                                <span class="m_title">小米笔记本Air 13 四核i5 8G 256G 银色</span>
                                <span class="m_details">轻薄全金属机身，256GB SSD</span>
                                <p class="m_price">
                                    <span>2499  元</span>
                                    <span>4999元</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="mi_tv"></div>
        <div class="mi_ai"></div>
        <div class="mi_scoure"></div>
        <div class="mi_parts"></div>
        <div class="mi_products"></div>
        <div class="mi_foryou"></div>
        <div class="mi_hot"></div>
        <div class="mi_content"></div>
        <div class="mi_view"></div>
    </div>
</body>
</html>